How do I choose and change fonts with Weebly?

Choosing the right fonts can take your website from bland to beautiful in an instant. While each theme has default font and color options built in, you’re not stuck with those - you can change the look of virtually any text on your site from the Theme tab.

Click on Change fonts

Click on Change Fonts to get started. The options here are organized into groups based on where the text is used on your website.

You’ll find as you mouse over items in the list, the corresponding text on your page will be highlighted so you know exactly what you’re working with. If you don’t see anything highlighted, try scrolling down or switching to a different page - it’s possible that the type of text you’re looking to edit isn’t in use on the page you’re viewing.

Reset or Save

When you change the font face or other attributes for any given text, you can watch it update live on your page. If you like what you see, there’s no need to save anything - just click on Change Font at the upper left to go back to the main list. Don’t like the way your changes look? You can quickly undo and go back to the default settings using the Reset link.

Consider the readability

The same fonts and style options are available for all of the text on your site, but some fonts are better suited for large text. In the image above, the same paragraph is shown using the font Karla on the left and Lilly on the right. While it’s easy enough to read both of them, an entire page of text using the Lilly font would be busy and distracting. You’ll get the best results if you focus on readability for the majority of your text and save the more decorative fonts for titles and headlines.

Global or specific changes?

Another thing to keep in mind is that all font settings are universal for each element. For example, every paragraph element on your site will use the same font, color, size and other options you’ve chosen for paragraph text. That said, you can still make some adjustments to specific portions of text. Select some text within an element and you’ll see a toolbar pop up. You can use these options to change the color, adjust the size, and apply formatting to the highlighted text.

This article is not yet rated.

Login to give us feedback


Processing...